import { List } from 'antd';
import { LibListItem } from './LibListItem';
import { useLibStore } from './useLibStore';

export function LibList() {
  const { libs } = useLibStore();
  return (
    <List
      itemLayout='horizontal'
      dataSource={libs}
      renderItem={(item) => <LibListItem item={item} />}
    />
  );
}
